<html>
  <head>
    <link
      href="https://fonts.googleapis.com/css?family=Montserrat&display=swap"
      rel="stylesheet"
    />

  </head>
  <body>
    <h1>info below</h1>
    <div class="mermaid">info</div>
    <script src="./mermaid.js"></script>
    <script>
      mermaid.initialize({
        theme: 'forest',
        // themeCSS: '.node rect { fill: red; }',
        logLevel: 3,
        flowchart: { curve: 'linear' },
        gantt: { axisFormat: '%m/%d/%Y' },
        sequence: { actorMargin: 50 },
        // sequenceDiagram: { actorMargin: 300 } // deprecated
      });
    </script>
    </script>
  </body>
</html>
